<!-- 
@function:下拉选择框
@author：ljr
@description
1.设置 接受的prop绑定数据
width（下拉框的宽度），String类型，默认100
selectDefault（主要用于查询和修改时显示之前的记录），String类型，默认为空
options（下拉选项），Array类型，默认值为空Array.另外label可缺省
2.行为 当下拉选项改变是，会触发selectChange事件，将选中的值传给父组件select-change事件
 -->
<template>
  <el-select v-model="value" placeholder="请选择" @change="selectChange" :clearable="clearable" :multiple="multiple" size="mini">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>

<script>
  export default {
  	props:{
      clearable:{
        type:Boolean,
        default:false
      },
      multiple:{
        type:Boolean,
        default:false
      },
  		// width:{
  		// 	type:Number,
  		// 	default:100
  		// },
  		selectDefault:{
  			type:String,
  			default:""
  		},
  		options:{
  			type:Array,
  			default:[]
  		}
  	},
  	methods:{
  		selectChange(value){
  			this.$emit("select-change",value);
  		}
  	},
    data() {
      return {
        value: ''
      }
    },
    created(){
    	this.value = this.selectDefault;
      this.$emit("select-change",this.selectDefault);
    }
  }
</script>

<style>
	
</style>